@layer base {
  
  body, :host {
    /* Color */
    --blue-vivid-050: #E6F6FF;
--blue-vivid-100: #BAE3FF;
--blue-vivid-200: #7CC4FA;
--blue-vivid-300: #47A3F3;
--blue-vivid-400: #2186EB;
--blue-vivid-500: #0967D2;
--blue-vivid-600: #0552B5;
--blue-vivid-700: #03449E;
--blue-vivid-800: #01337D;
--blue-vivid-900: #002159;
--bg-primary: #ffffff;
--bg-secondary: #F5F7FA;
--bg-card: #FFFFFF;
--bg-card-hover: #F5F7FA;
--text-primary: #1F2933;
--text-secondary: #3E4C59;
--text-muted: #616E7C;
--border-color: #CBD2D9;
--tag-bg: rgba(9, 103, 210, 0.1);
--tag-color: #0552B5;
--heading-color: #0967D2;
--cool-grey-050: #F5F7FA;
--cool-grey-100: #E4E7EB;
--cool-grey-200: #CBD2D9;
--cool-grey-300: #9AA5B1;
--cool-grey-400: #7B8794;
--cool-grey-500: #616E7C;
--cool-grey-600: #52606D;
--cool-grey-700: #3E4C59;
--cool-grey-800: #323F4B;
--cool-grey-900: #1F2933;
--orange-vivid-100: #FFD0B5;
--orange-vivid-300: #FF9466;
--orange-vivid-400: #F9703E;
--orange-vivid-500: #F35627;
--cyan-vivid-300: #62F4EB;
--cyan-vivid-400: #3AE7E1;
--cyan-vivid-500: #1CD4D4;
--primary: var(--blue-vivid-500);
--primary-light: var(--blue-vivid-400);
--primary-lighter: var(--blue-vivid-300);
--primary-lightest: var(--blue-vivid-100);
--accent: var(--orange-vivid-500);
--accent-light: var(--orange-vivid-400);
--accent-lighter: var(--orange-vivid-300);
--accent-lightest: var(--orange-vivid-100);
--success: var(--cyan-vivid-500);
--success-light: var(--cyan-vivid-400);
--success-lighter: var(--cyan-vivid-300);
--dark: var(--cool-grey-900);
    /* Fonts */
    --font-plusjakartasans: 'Plus Jakarta Sans',sans-serif;
--font-robotomono: 'Roboto Mono',monospace;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
    /* Font weight */
    --normal: 400;
--medium: 500;
--semibold: 600;
--bold: 700;
--extrabold: 800;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --space-xs: 0.25rem;
--space-sm: 0.5rem;
--space-md: 1rem;
--space-lg: 1.5rem;
--space-xl: 2rem;
--space-2xl: 3rem;
--space-3xl: 4rem;
--space-4xl: 6rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-full: 100%;
--container-max: 75rem;
--radius-sm: 0.25rem;
--radius-md: 0.5rem;
--radius-lg: 0.75rem;
--radius-full: 50rem;
    /* Z-index */
    --z-base: 0;
--z-dropdown: 10;
--z-sticky: 20;
--z-overlay: 30;
--z-modal: 40;
--z-popover: 50;
--z-toast: 60;
--z-tooltip: 70;
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .fsIkbZ {
    color:var(--text-primary);
  width:100%;
  position:relative;
  font-size:clamp(2.8rem, 6vw, 4rem);
  background:#1F2933;
  min-height:100vh;
  overflow-x:hidden;
  transition:background-color 0.3s ease, color 0.3s ease;
  font-family:Plus Jakarta Sans, sans-serif;
  line-height:1.6;
  }
      

      
        
                  @keyframes animation-fuVTAg {
                    
                        100% {
                          translate: 0 0 0;
                        }
                        
                  }
                  
      
      
  .gMeiu {
    color:var(--blue-vivid-050);
  font-family:Plus Jakarta Sans;
  font-size:var(--text-sm);
  }
      

      
        
      
      
  .bzElNd {
    color:#7B8794;;
  padding:2rem;
  font-size:0.9rem;
  box-sizing:border-box;
  text-align:center;
  }
      

      
        
      
      
  .dbywId {
    color:white;
  display:flex;
  row-gap:5px;
  overflow:hidden;
  position:relative;
  font-size:0.875rem;
  background: var(--gradient-primary);
  column-gap:5px;
  align-items:center;
  font-family:Plus Jakarta Sans;
  font-weight:700;
  padding-top:8px;
  padding-left:16px;
  border-radius:50px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
  .dbywId::before {
    top:0px;
  left:-100%;
  width:100%;
  height:100%;
  content:'';
  position:absolute;
  animation:2s ease 0ms infinite normal none running animation-bANwgr;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  }
      

        
                  @keyframes animation-bANwgr {
                    
                        0% {
                          left: -100%;
                        }
                        

                        100% {
                          left: 100%;
                        }
                        
                  }
                  
      
      
  .caJIdO {
    font-size:1.2rem;
  }
      

      
        
      
      
  .dLGfKN {
    color:#ffffff;
  width:88%;
  height:88%;
  background:var(--text-secondary);
  align-items:center;
  font-family:Plus Jakarta Sans;
  padding-top:3px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:3px;
  justify-content:center;
  }
      

      
        
      
      
  .MDAfM {
    display:flex;
  row-gap:3rem;
  animation:2s ease 0ms 1 normal none running animation-dmOQei;
  column-gap:3rem;
  text-align:center;
  transition:display 300ms ease;
  align-items:center;
  margin-bottom:25px;
  flex-direction:column;
  }
      

      
        
                  @keyframes animation-dmOQei {
                    
                        0% {
                          opacity: 0;
                        }
                        

                        20% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .dYXGTP {
    gap:8px;
  color:white;
  border:none;
  cursor:pointer;
  display:flex;
  padding:16px 24px;
  font-size:1rem;
  background:var(--gradient-primary);
  margin-top:1rem;
  transition:all 0.3s ease;
  align-items:center;
  font-family:'Plus Jakarta Sans', sans-serif;
  font-weight:700;
  white-space:nowrap;
  border-radius:12px;
  justify-content:center;
  }
      

      
  .dYXGTP:hover {
    transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(9, 103, 210, 0.3);
  }
      


  .dYXGTP:disabled {
    cursor:not-allowed;
  opacity:0.6;
  transform:none;
  }
      


          @media (max-width: 768px) {
            
  .dYXGTP {
    justify-content:center;
  }
      

          }
          
        
      
      
  
      

      
        
      
      
  .crQCBA {
    gap:40px;
  width:100%;
  margin:0 auto;
  display:flex;
  padding:40px 20px;
  z-index:1;
  position:relative;
  max-width:1000px;
  min-height:auto;
  flex-direction:column;
  }
      

      
          @media (max-width: 768px) {
            
  .crQCBA {
    gap:24px;
  max-width:100%;
  padding-top:22px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:22px;
  }
      

          }
          
        
      
      
  .dGEXah {
    font-weight:var(--bold);
  }
      

      
        
      
      
  .fBumNv {
    font-size:clamp(1.1rem, 2.5vw, 1.4rem);
  font-family:Plus Jakarta Sans;
  }
      

      
        
      
      
  .cLszNR {
    animation:2s ease 0ms 1 normal none running animation-diMMIZ, 2s ease 0ms 1 normal none running animation-empty;
  color:var(--blue-vivid-050);
  }
      

      
        
                  @keyframes animation-empty {
                    
                  }
                  

                  @keyframes animation-diMMIZ {
                    
                        0% {
                          opacity: 0;
                        }
                        

                        100% {
                          opacity: 1;
                        }
                        
                  }
                  
      
      
  .boZTcn {
    display:flex;
  row-gap:var(--space-sm);
  animation:2s ease 0ms 1 normal none running animation-bKKrXZ;
  box-sizing:border-box;
  column-gap:var(--space-sm);
  text-align:center;
  align-items:center;
  margin-bottom:3rem;;
  flex-direction:column;
  justify-content:space-between;
  }
      

      
        
                  @keyframes animation-bKKrXZ {
                    
                        0% {
                          scale: 1 1;
                        }
                        

                        50% {
                          scale: 1.1 1.1;
                        }
                        

                        100% {
                          scale: 1 1;
                        }
                        
                  }
                  
      
      
  .dTVWoo {
    color:var(--blue-vivid-050);
  width:90%;
  display:flex;
  align-items:center;
  margin-bottom:1rem;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .exxBkU {
    color:var(--blue-vivid-050);
  width:100%;
  font-size:clamp(1.1rem, 2.5vw, 1.4rem);
  max-width:700px;
  margin-bottom:24px;
  }
      

      
        
      
      
  .BEFTq {
    box-sizing:border-box;
  }
      

      
        
      
      
  .vfwLp {
    color:var(--text-primary);
  animation:2s ease-in-out 0ms infinite normal none running animation-fiwLvA;
  font-size:clamp(2.8rem, 6vw, 4.5rem);
  background:var(--gradient-glow);
  margin-top:0.5rem;
  font-family:Plus Jakarta Sans;
  font-weight:800;
  line-height:1.2;
  margin-bottom:0.5rem;
  letter-spacing:-0.02em;
  padding-bottom:0.5rem;
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  }
      

      
        
                  @keyframes animation-fiwLvA {
                    
                        0% {
                          filter: hue-rotate(0deg);
                        }
                        

                        0% {
                          opacity: 1;
                        }
                        

                        30.000000000000004% {
                          filter: hue-rotate(30deg);
                        }
                        

                        60.00000000000001% {
                          filter: hue-rotate(0deg);;
                        }
                        
                  }
                  
      
      
  .dMXuCv {
    width:100%;
  height:100%;
  display:flex;
  opacity:1;
  background:#0967d21a;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .dTLWvP {
    top:var(--space-md);
  right:var(--space-md);
  position:absolute;
  }
      

      
        
      
      
  .bNIxlb {
    box-sizing:border-box;
  padding-top:var(--space-2xl);
  padding-left:0px;
  padding-right:0px;
  padding-bottom:var(--space-2xl);
  border-bottom-color:var(--blue-vivid-500);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .jpYyx {
    color:var(--blue-vivid-200);
  margin:0 0 0.5rem 0;;
  font-size:2rem;
  box-sizing:border-box;
  font-family:Plus Jakarta Sans;
  letter-spacing:-1px;
  }
      

      
        
      
      
  .dMroWu {
    padding-top:3px;
  border-color:#ffffff;
  border-style:solid;
  border-width:2px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:3px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
  .dMroWu:hover {
    color:var(--text-primary);
  cursor:pointer;
  background:var(--blue-vivid-050);
  box-shadow:0px 2px 4px 0px #00000020;
  }
      

        
      
      
  .fCpHnk {
    box-sizing:border-box;
  animation:1s ease 0ms 1 normal none running animation-cdxbwZ;
  }
      

      
        
                  @keyframes animation-cdxbwZ {
                    
                        0% {
                          rotate: 0deg;
                        }
                        

                        50% {
                          rotate: 360deg;
                        }
                        
                  }